// pages/goods_list/index.js
import { request } from "../../request/index.js";

// import regeneratorRuntime from '../../lib/runtime/runtime.js';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [
      {
        id: 0,
        value: "综合",
        isActive: true
      },
      {
        id: 1,
        value: "销量",
        isActive: false
      },
      {
        id: 2,
        value: "价格",
        isActive: false
      }
    ],
    goodsList:[]
  },
   // 接口要的参数
  QueryParams:{
    query:"",
    cid:"",
    pagenum:1,
    pagesize:10
  },
  // 总页数
  totalPages:1,
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.QueryParams.cid=options.cid||"";
    this.QueryParams.query=options.query||"";
    this.getGoodsList();
  },
  getGoodsList(){
    request({url:"/goods/search",data:this.QueryParams})
    .then(res=>{
      const total=res.data.message.total
      // console.log(res); 
      this.totalPages=Math.ceil(total/this.QueryParams.pagesize);
      // 这里使用concat()方法进行数组拼接
      let temp=this.data.goodsList.concat(res.data.message.goods)  
      // console.log(temp);
      this.setData({
        // 这个数据展开貌似不能用
        // goodsList:[...this.data.goodsList , ...res.data.message.goods]
           goodsList:temp
      })

    })
  },
  handleTabsItemChange(e){
    const {index}=e.detail;
    let {tabs}=this.data;
    tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
    this.setData({
      tabs
    })
  },
  // 下拉刷新
  onPullDownRefresh(){
    // 1 重置数组
    this.setData({
      goodsList:[]
    })
    // 2 重置页码
    this.QueryParams.pagenum=1;
    // 3 发送请求
    this.getGoodsList();
  },
  // 上拉触底
  onReachBottom(){
    //  1 判断还有没有下一页数据
      if(this.QueryParams.pagenum>=this.totalPages){
        // 没有下一页数据
        //  console.log('%c'+"没有下一页数据","color:red;font-size:100px;background-image:linear-gradient(to right,#0094ff,pink)");
        wx.showToast({ title: '没有下一页数据' });
          
      }else{
        // 还有下一页数据
        //  console.log('%c'+"有下一页数据","color:red;font-size:100px;background-image:linear-gradient(to right,#0094ff,pink)");
        this.QueryParams.pagenum++;
        this.getGoodsList();
      }
  },
  tiaozhuan(e){
    // console.log(e.currentTarget.dataset.lalalaid);
    const {goods_id}=e.currentTarget.dataset
    wx.navigateTo({  
      url: "/pages/goods_detail/index?goods_id="+goods_id,
    })
  }
})